<!DOCTYPE html>
<html lang="zh-cn">

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">



    <title>社区服务</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico"/>
    <link href="css/css/bootstrap.min.css?v=3.3.6" rel="stylesheet"/>
    <link href="css/css/font-awesome.css?v=4.4.0" rel="stylesheet"/>

    <link href="css/css/animate.css" rel="stylesheet"/>
    <link href="css/css/style.css" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" href="css/bootstrap.css" />
    <link rel="stylesheet" href="css/daohang.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/footer&cbl.css" />
    <link rel="stylesheet" href="css/commnuity.css" />
    <script type="text/javascript" src="js/jquery-1.11.3.js" ></script>
    <script type="text/javascript" src="js/bootstrap.js" ></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/templet.js" ></script>
    <script type="text/javascript" src="js/hp.js" ></script>

</head>
<style>
    .navbar{background:#5d5c61;
        /*margin:0;*/
        height:70px;
        position: fixed;
        width: 100%;
        z-index: 10;

    }
</style>

<body class="gray-bg">
<div id="main">
    <header id="header" data-spy="affix" data-offset-top="70">
        <nav class="navbar-inverse navbar" id="daohang">
            <div class="daohang">
                <div class="navbar-header clearfix">
                    <button type="button" class="zd" id="zd" >
                        <span class="glyphicon glyphicon-align-justify"></span>
                    </button>
                    <a href="#" class="navbar-brand"><img src="img/logo.png" style="margin-top:-15px"/></a>
                </div>
                <div class="collapse navbar-collapse" id="daohangtiao">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html"  style="font-weight: bold;">首页</a></li>
                        <li class="wd1"><a href="金融产品.html"  style="font-weight: bold;">金融产品</a>
                            <ul class="wd2 clearfix">

                                <li class="pull-left clearfix" style="width: 300px;margin-left: 200px">
                                    <p><a href="./金融产品.html#funds" class="a1">基金</a></p>
                                    <ul class="ul1">
                                        <li><a href="#" title="基金交易">基金交易</a></li>
                                        <li><a href="#" title="基金公告">基金公告</a></li>
                                        <li><a href="#" title="新发基金">新发基金</a></li>
                                        <li><a href="#" title="热销基金">热销基金</a></li>
                                    </ul>
                                </li>

                                <li class="pull-left " style="width: 233px; margin-left: -150px">
                                    <p><a href="./金融产品.html#licai" class="a1">理财</a></p>
                                    <ul class="ul1 pull-left">
                                        <li><a href="#">理财产品</a></li>
                                        <li><a href="#">新产品公告</a></li>
                                        <li><a href="#">持有产品查询</a></li>
                                        <li><a href="#">理财产品一览</a></li>
                                    </ul>
                                </li>

                                <li class="pull-left clearfix" style="width: 219px; margin-left:-70px">
                                    <p><a href="./金融产品.html#baoxian" class="a1">保险</a></p>
                                    <ul class="ul1">
                                        <li><a href="#" title="保单查询">保单查询</a></li>
                                        <li><a href="#" title="保险知识">保险知识</a></li>
                                        <li><a href="#" title="保险产品购买">保险产品购买</a></li>
                                        <li><a href="#" title="保险产品分类">保险产品分类</a></li>
                                    </ul>
                                </li>

                                <li class="pull-left clearfix" style="width: 219px; margin-left:-70px">
                                    <p><a href="#" class="a1">境外产品</a></p>
                                    <ul class="ul1">
                                        <li><a href="https://www.boc.cn/sourcedb/whpj/index.html" title="外汇">外汇</a></li>
                                        <li><a href="#" title="海外债券">海外债券</a></li>
                                        <li><a href="#" title="海外基金">海外基金</a></li>
                                        <li><a href="#" title="结构性票据">结构性票据</a></li>
                                    </ul>
                                </li>

                                <li class="pull-left clearfix" style="width:300px; margin-left: -60px" >
                                    <p><a href="#" class="a1">花旗特色</a></p>
                                    <ul class="ul1">
                                        <li><a href="#" title="小额借贷">小额借贷</a></li>
                                        <li><a href="#" title="智慧投顾">智慧投顾</a></li>
                                        <li><a href="#" title="智慧理财">智慧理财</a></li>
                                        <li><a href="#" title="量身定制">量身定制</a></li>
                                    </ul>
                                </li>

                                <li class="pull-left clearfix" style="width:300px; margin-left:-140px" >
                                    <p><a href="#" class="a1">贵金属</a></p>
                                    <ul class="ul1">
                                        <li><a href="#" title="外汇">黄金</a></li>
                                        <li><a href="#" title="间隔"></a></li>
                                        <li><a href="#" title="白银">白银</a></li>
                                        <!--                                 <li><a href="#" title="海外">海外基金</a></li>-->
                                    </ul>
                                </li>

                            </ul>
                        </li>
                        <li><a href="市场前瞻.html"  style="font-weight: bold;">市场前瞻</a></li>
                        <li><a href="社区.html"  style="font-weight: bold;">社区</a></li>

                        <li><a href="网站服务.html"  style="font-weight: bold;">网站服务</a></li>

                        <li class="gy1"><a href=""  style="font-weight: bold;">关于</a>
                            <ul class="gy2 clearfix">
                                <li class="pull-left clearfix" style="width: 130px;">
                                    <p><a href="#" class="a1">银行介绍</a></p>
                                    <ul class="ul1">
                                        <li><a href="https://www.citibank.com.cn/sim/index.htm">银行介绍</a></li>
                                        <li><a href="https://www.citibank.com.cn/sim/chinese/footer/terms.htm">服务条款</a></li>
                                        <li><a href="https://www.citibank.com.cn/sim/chinese/footer/privacy.htm">隐私保护</a></li>
                                        <li><a href="https://careers.citigroup.com/additional-terms.html ">附加条款</a></li>
                                    </ul>
                                </li>

                                <li class="pull-left clearfix" style="width: 330px;margin-left: 50px ">
                                    <p><a href="#" class="a1">常见问题</a></p>
                                    <ul class="ul1">
                                        <li><a href="金融产品.html#question">如何修改密码？</a></li>
                                        <li><a href="金融产品.html#question">密码忘记怎么办？</a></li>
                                        <li><a href="金融产品.html#question">如何在社区发言?</a></li>
                                        <li><a href="金融产品.html#question">积分兑换的礼品多久收到？</a></li>
                                        <li><a href="金融产品.html#question">如何购买理财、基金、债券等产品？</a></li>
                                    </ul>
                                </li>
                                <li class="lianxi pull-left clearfix" style="width: 478px; margin-left: -40px">
                                    <p><a href="#" class="a1">联系我们</a></p>
                                    <ul class="col-lg-12 col-md-12">
                                        <li><a href="#" class="aa1">客户服务热线</a></li>
                                        <li><a href="#" class="aa2">95038</a></li>
                                        <li><a href="#" class="aa1">QQ客户中心</a></li>
                                        <li><a href="#" class="aa2">123456789</a></li>
                                        <li><a href="#" class="aa1">银行地址</a></li>
                                        <li><a href="#" class="aa2">中环花园道3号</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>

                    </ul>
                    <ul class="zcdl nav navbar-nav pull-right">
                        <li><a href="login.html" style="font-weight: bold;">登录</a></li>
                        <li><a href="register.html" style="font-weight: bold;">注册</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    <div>
        <img src="img/市场前瞻1.png" style="opacity: 0;height:90px;">
    </div>

    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-4">

                <div class="ibox" >
                    <div class="ibox-title">
                        <span class="label label-primary pull-right">金融</span>
                        <h5>群组一</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a1.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a2.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a3.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a5.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a6.jpg">
                            </a>
                        </div>
                        <h4>社区简介</h4>
                        <p>
                            XX社区，.......
                        </p>
                        <div>
                            <span>当前社区人数</span>
                            <div class="stat-percent">200</div>
                            <div class="progress progress-mini">
                                <div style="width: 48%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold"><button class="btn btn-info">点击加入</button></div>
                            </div>
                            <div class="col-sm-4 text-right pull-right">
                                <div class="font-bold"><button class="btn btn-primary" disabled="true">退出群组</button></div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="ibox" >
                    <div class="ibox-title">
                        <h5>社区二</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a4.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a5.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a6.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a8.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a7.jpg">
                            </a>
                        </div>
                        <h4>社区简介</h4>
                        <p>
                            XX社区，.......
                        </p>
                        <div>
                            <span>社区人数：</span>
                            <div class="stat-percent">32%</div>
                            <div class="progress progress-mini">
                                <div style="width: 32%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold"><button class="btn btn-info">点击加入</button></div>
                            </div>
                            <div class="col-sm-4 text-right pull-right">
                                <div class="font-bold"><button class="btn btn-primary" disabled="true">退出群组</button></div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="ibox">
                    <div class="ibox-title">
                        <h5>财务部社区</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a4.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a8.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a7.jpg">
                            </a>
                        </div>
                        <h4>社区简介</h4>
                        <p>
                            XX社区,......
                        </p>
                        <div>
                            <span>社区人数：</span>
                            <div class="stat-percent">730</div>
                            <div class="progress progress-mini ">
                                <div style="width: 73%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold"><button class="btn btn-info">点击加入</button></div>
                            </div>
                            <div class="col-sm-4 text-right pull-right">
                                <div class="font-bold"><button class="btn btn-primary" disabled="true">退出群组</button></div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox">
                    <div class="ibox-title">
                        <h5>IT-02</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a8.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a4.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a1.jpg">
                            </a>
                        </div>
                        <h4>社区简介</h4>
                        <p class="Hide">
                            社区......
                        </p>
                        <div>
                            <span>社区人数：</span>
                            <div class="stat-percent">200</div>
                            <div class="progress progress-mini">
                                <div style="width: 61%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold"><button class="btn btn-info">点击加入</button></div>
                            </div>
                            <div class="col-sm-4 text-right pull-right">
                                <div class="font-bold"><button class="btn btn-primary" disabled="true">退出群组</button></div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="ibox">
                    <div class="ibox-title">
                        <span class="label label-warning pull-right">爱心帮助</span>
                        <h5>CSCSCS</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a1.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a2.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a6.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a3.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a4.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a7.jpg">
                            </a>
                        </div>
                        <h4>社区简介</h4>
                        <p>
                            一个新的社区
                        </p>
                        <div>
                            <span>当前项目进度：</span>
                            <div class="stat-percent">140</div>
                            <div class="progress progress-mini">
                                <div style="width: 14%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold"><button class="btn btn-info">点击加入</button></div>
                            </div>
                            <div class="col-sm-4 text-right pull-right">
                                <div class="font-bold"><button class="btn btn-primary" disabled="true">退出群组</button></div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="ibox">
                    <div class="ibox-title">
                        <h5>鼠鼠社区</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a1.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a8.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a3.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a7.jpg">
                            </a>
                        </div>
                        <h4>社区简介</h4>
                        <p>
                            鼠鼠聚集地
                        </p>
                        <div>
                            <span>社区人数：</span>
                            <div class="stat-percent">250</div>
                            <div class="progress progress-mini">
                                <div style="width: 25%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold"><button class="btn btn-info">点击加入</button></div>
                            </div>
                            <div class="col-sm-4 text-right pull-right">
                                <div class="font-bold"><button class="btn btn-primary" disabled="true">退出群组</button></div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="ibox">
                    <div class="ibox-title">
                        <h5>阳光俱乐部</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a3.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a4.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a7.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a2.jpg">
                            </a>
                        </div>
                        <h4>社区简介</h4>
                        <p>
                            快乐每一天
                        </p>
                        <div>
                            <span>社区人数：</span>
                            <div class="stat-percent">820</div>
                            <div class="progress progress-mini">
                                <div style="width: 82%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold"><button class="btn btn-info">点击加入</button></div>
                            </div>
                            <div class="col-sm-4 text-right pull-right">
                                <div class="font-bold"><button class="btn btn-primary" disabled="true">退出群组</button></div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="ibox">
                    <div class="ibox-title">
                        <h5>常春藤计划</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a1.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a2.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a4.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a7.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a8.jpg">
                            </a>
                        </div>
                        <h4>社区简介</h4>
                        <p>
                            新时代常春藤计划
                        </p>
                        <div>
                            <span>当前项目进度：</span>
                            <div class="stat-percent">260</div>
                            <div class="progress progress-mini">
                                <div style="width: 26%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold"><button class="btn btn-info">点击加入</button></div>
                            </div>
                            <div class="col-sm-4 text-right pull-right">
                                <div class="font-bold"><button class="btn btn-primary" disabled="true">退出群组</button></div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="ibox">
                    <div class="ibox-title">
                        <h5>销售部</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="team-members">
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a2.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a3.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a8.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a6.jpg">
                            </a>
                            <a href="#"><img alt="member" class="img-circle" src="img/社区_a7.jpg">
                            </a>
                        </div>
                        <h4>社区简介</h4>
                        <p>
                            老年销售管理中心
                        </p>
                        <div>
                            <span>社区人数：</span>
                            <div class="stat-percent">180</div>
                            <div class="progress progress-mini">
                                <div style="width: 18%;" class="progress-bar"></div>
                            </div>
                        </div>
                        <div class="row  m-t-sm">
                            <div class="col-sm-4">
                                <div class="font-bold"><button class="btn btn-info">点击加入</button></div>
                            </div>
                            <div class="col-sm-4 text-right pull-right">
                                <div class="font-bold"><button class="btn btn-primary" disabled="true">退出群组</button></div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
<!--        <div class="container">-->
<!--            <img class="img-responsive" src="img/社区.jpg" style="margin:0 auto;" alt="img"/>-->
<!--        </div>-->
    </div>
</div>
    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>



    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>


    
    

</body>

</html>
